<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <!-- 
    eq(index | -index)
      从一个jqeury集合中筛选出对应索引的元素的jquery对象
    first()
      相当于eq(0)
    last()
      最后一个元素
    filter(选择器)
      从调用该方法的jqeury集合中筛选出符合选择器条件的元素组成jquery对象
    not(选择器)
      如果想要被去除，那么就写谁的选择器
    hasClass(class)
      判断有没有对应的类名 返回结果为布尔值，一般用于判断
      只要集合中有一个符合条件就会返回true
      is(.class)
    is(选择器)
      判断某个元素是否符合对应的选择器类型 返回值为布尔值
    has()
      返回值为jqeury对象，子元素符合对应要求，会将父元素留下
    map() 
      用来根据jquery对象中的DOM对象的内容，返回新的jquery对象
    slice(start, end)

  -->
  <ul>
    <li></li>
    <li class="list"></li>
    <li></li>
  </ul>
  <ul>
    <li></li>
  </ul>
  <script src="../libs/jquery-1.12.4.js"></script>
  <script>
    $(function () {
      // $('li').css('background', 'red').eq(1).text('内容')
      /* $('li').css('background', 'red').not('.list').text('内容') */
      // console.log($('li').is('span'))
      // console.log($('ul').has('li'))
      /* console.log($('li').map(function (index, ele) {
        // this指向对应的liDOM对象    ele和this是同一个东西
        return this.className
      }).get()) */

      console.log($('li').slice(1, 3))

    })
  
  </script>
</body>
</html>